<template>
    <div>
        <div v-if="isExternal" :class="className"></div>
        <svg v-else></svg>
    </div>
</template>

<script>
import {isExternal as external} from '../../utils/validate'
export default {
    props: {
        icon: {
            type: String,
            required: true
        },
        className: {
            type: String,
            default: ''
        }
    },
    computed: {
        isExternal() {
            return external(this.icon)
        }
    },
    data() {
        return {

        };
    },
    mounted() {

    },
    methods: {

    },
};
</script>

<style scoped >

</style>
